<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>乐共享-购物车页面</title>
<script src="js/html5.js"></script>
<link href="style/base.css" rel="stylesheet" media="screen" />
<link href="style/shopping-cart.css" rel="stylesheet" media="screen" />
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->

</head>
<body>
<!-- S 顶部迷你导航 -->
<div class="miniNav">
	<div class="inner">
		<p class="welcom-info">欢迎您来到乐共享</p>
		<ul class="quick-nav">
			<li class="user-info">您好，<em>陈美美</em>可用<span>200550</span>积分</li>
			<li class="partner-login"><a href="#">联盟登录</a></li>
			<li><a href="#">广告系统</a></li>
			<li><a href="#">帮助中心</a></li>
		</ul>
	</div>
</div>
<!-- S 顶部迷你导航 -->

<header id="header" class="header">
	<h1 class="logo"><a href="#"><img src="img/logo_144_66.jpg" alt="乐共享" />乐共享</a></h1>
	<div class="city" id="J-city">
		<span class="t">你所在城市</span>
		<em class="cur"><i></i>广州</em>
	</div>
	<section class="search-bar">
		<ul class="search-tab">
			<li class="cur"><a href="#" target="_blank">物品</a></li>
			<li><a href="#" target="_blank">手表</a></li>
			<li><a href="#" target="_blank">饰品</a></li>
			<li><a href="#" target="_blank">服装</a></li>
			<li><a href="#" target="_blank">电器</a></li>
		</ul>
		<div class="search-panel" id="J-search-panel">
			<form action="#" method="post" name="search-form">
				<div class="search-input" id="J-search-input">
					<input type="text" class="input-txt" />
					<b></b>
				</div>
				<input type="submit" class="search-btn" value="搜索" />
			</form>
		</div>
	</section>
</header>


<!-- S 主导航 -->
<nav class="nav">
	<ul class="main-nav">
		<li class="cur"><a href="#">首 页</a></li>
		<li><a href="#">共享良品</a></li>
		<li><a href="#">共享优品</a></li>
		<li><a href="#">共享名品</a></li>
		<li><a href="#">共享奢品</a></li>
		<li><a href="#">共享同城</a></li>
	</ul>
	<ul class="sub-nav">
		<li><a href="#">服装饰品</a></li>
		<li><a href="#">鞋包皮具</a></li>
		<li><a href="#">美容化妆</a></li>
		<li><a href="#">数码家电</a></li>
		<li><a href="#">家居用品</a></li>
		<li><a href="#">食品保健</a></li>
		<li><a href="#">户外文体</a></li>
		<li><a href="#">其 他</a></li>
	</ul>
		
	<!-- S 购物车 -->
	<div class="mini-cart" id="J-mini-cart">
		<a href="#" class="cart-hd">购物车<span>4</span>件<b></b></a>
		<div class="mini-cart-cont">
			<div class="mini-cart-full show" id="J-mini-cart-full">
				<dl class="clearfix">
					<dt class="img"><a href="#"><img src="picture/cart-01.jpg" alt="图片描述" /></a></dt>
					<dd class="n"><a href="#">家居冬日泰迪3D灯家居冬日泰迪灯</a></dd>
					<dd class="num">
						<em class="price">1988.00 x 2</em>
						<span class="act del"><a href="#">删除</a></span>
					</dd>
				</dl>
				<dl class="clearfix">
					<dt class="img"><a href="#"><img src="picture/cart-02.jpg" alt="图片描述" /></a></dt>
					<dd class="n"><a href="#">水质自测盒-余氯</a></dd>
					<dd class="num">
						<em class="price">1900.00 x 2</em>
						<span class="act del"><a href="#">删除</a></span>
					</dd>
				</dl>
				<dl class="clearfix">
					<dt class="img"><a href="#"><img src="picture/cart-02.jpg" alt="图片描述" /></a></dt>
					<dd class="n"><a href="#">个性纯棉口罩-熊猫憨憨</a></dd>
					<dd class="num">
						<em class="price">19.00 x 2</em>
						<span class="act del"><a href="#">删除</a></span>
					</dd>
				</dl>
				<ul class="statistics">
					<li class="collect"><a href="#"><b></b>收藏商品</a></li>
					<li class="total"><em>3</em>件商品 总计<em>40.90</em><span>积分</span></li>
				</ul>
				<div class="mini-cart-act">
					<a href="#" class="checkout">去结算</a>
					<a href="#" class="check">查看购物车&gt;&gt;</a>
				</div>
			</div>
			<div class="mini-cart-empty show" id="J-mini-cart-empty">
				<span>您的购物车中暂时没有商品。</span>
			</div>
		</div>
	</div>
	<!-- E 购物车 -->
</nav>
<!-- E 主导航 -->

<!-- S 购物车大模块 -->
<section class="shopping-pro">
	<!-- 
		已经完成的步骤，在li当中加上suc
		当前步骤，在li当中加上cur
	-->
	<ol class="flow-steps">
		<li class="s1 suc">购物车</li>
		<li class="s2 suc">确认订单信息</li>
		<li class="s3 cur">成功提交订单</li>
	</ol>
	
	<!-- S 购物车列表 -->
	<div class="shopping-list">
		<p class="no-login"><a href="#">登陆</a>后，才能使用积分</p>
		<table class="data">
			<thead>
				<tr>
					<th>图片</th>
					<th>商品名称</th>
					<th>单价</th>
					<th>送积分</th>
					<th>数量</th>
					<th>小计</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><a href="#" target="_blank"><img src="picture/shopping-car-01.jpg" alt="图片描述" /></a></td>
					<td><a href="#" target="_blank">【淘金币】Bandari/班得瑞 ZDQ-F6 微电脑双层煮蛋器 蒸蛋器</a></td>
					<td>69.00</td>
					<td>10.00</td>
					<td><a href="#" class="minus" title="减少">-</a><input type="text" class="input-txt" value="1" /><a href="#" class="plus" title="增加">+</a></td>
					<td>59.00</td>
					<td><span class="del"><a href="#">删除</a></span> <span class="collection"><a href="#">收藏</a></span></td>
				</tr>
				<tr>
					<td><a href="#" target="_blank"><img src="picture/shopping-car-01.jpg" alt="图片描述" /></a></td>
					<td><a href="#" target="_blank">〖自动快充〗全国移动手机话费充值100元 全自动充值 秒充到账</a></td>
					<td>69.00</td>
					<td>10.00</td>
					<td><a href="#" class="minus" title="减少">-</a><input type="text" class="input-txt" value="1" /><a href="#" class="plus" title="增加">+</a></td>
					<td>59.00</td>
					<td><span class="del"><a href="#">删除</a></span> <span class="collection"><a href="#">收藏</a></span></td>
				</tr>
				<tr>
					<td><a href="#" target="_blank"><img src="picture/shopping-car-01.jpg" alt="图片描述" /></a></td>
					<td><a href="#" target="_blank">09热卖 高档浮化玻璃 台式机电脑桌 玻璃电脑台 台式电脑桌</a></td>
					<td>69.00</td>
					<td>10.00</td>
					<td><a href="#" class="minus" title="减少">-</a><input type="text" class="input-txt" value="1" /><a href="#" class="plus" title="增加">+</a></td>
					<td>59.00</td>
					<td><span class="del"><a href="#">删除</a></span> <span class="collection"><a href="#">收藏</a></span></td>
				</tr>
				<tr>
					<td><a href="#" target="_blank"><img src="picture/shopping-car-01.jpg" alt="图片描述" /></a></td>
					<td><a href="#" target="_blank">广东移动手机话费及时到帐充值50元</a></td>
					<td>69.00</td>
					<td>10.00</td>
					<td><a href="#" class="minus" title="减少">-</a><input type="text" class="input-txt" value="1" /><a href="#" class="plus" title="增加">+</a></td>
					<td>59.00</td>
					<td><span class="del"><a href="#">删除</a></span> <span class="collection"><a href="#">收藏</a></span></td>
				</tr>
				<tr>
					<td><a href="#" target="_blank"><img src="picture/shopping-car-01.jpg" alt="图片描述" /></a></td>
					<td><a href="#" target="_blank">地下城与勇士点卡/DNF点卡/DNF点券/DNF100元10000点券★自动充值</a></td>
					<td>69.00</td>
					<td>10.00</td>
					<td><a href="#" class="minus" title="减少">-</a><input type="text" class="input-txt" value="1" /><a href="#" class="plus" title="增加">+</a></td>
					<td>59.00</td>
					<td><span class="del"><a href="#">删除</a></span> <span class="collection"><a href="#">收藏</a></span></td>
				</tr>
			</tbody>
			<tfoot>
				<tr>
					<td colspan="7" class="total">商品数量总计：<em>5</em>件 商品金额总计(不含运费)：<em>&yen;40.90</em></td>
				</tr>
				<tr>
					<td>
						<a href="#" class="clear-car">清空购物车</a>
					</td>
					<td colspan="6" class="act">
						<a href="#" class="continue">继续购物</a>
						<a href="#" class="checkout">去结算</a>
					</td>
				</tr>
			</tfoot>
		</table>
		
	</div>
	<!-- E 购物车列表 -->
	
	<!-- S 编辑订单信息时显示 -->
	<div class="order-info">
		<div class="hd"><strong class="hd-t">确认收货地址</strong><a href="#" class="modify" id="J-edit-addr">[修改]</a><a href="#" target="_blank" class="hd-act">管理收货地址</a></div>
		<div class="shipping-address">
			<table class="address-info">
				<tbody>
					<tr>
						<td class="th">收货人姓名：</td>
						<td>陈俊勇</td>
					</tr>
					<tr>
						<td class="th">省　　份：</td>
						<td>广东广州市番禺区(沙湾水道以北,莲花山水道以西)</td>
					</tr>
					<tr>
						<td class="th">地　　址：</td>
						<td>广东广州市番禺区(沙湾水道以北,莲花山水道以西)xx路xx号</td>
					</tr>
					<tr>
						<td class="th">手机号码：</td>
						<td>15920588939</td>
					</tr>
					<tr>
						<td class="th">固定电话：</td>
						<td>15920588939</td>
					</tr>
					<tr>
						<td class="th">电子邮件：</td>
						<td></td>
					</tr>
					<tr>
						<td class="th">邮　　编：</td>
						<td>511430</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<td colspan="2">
							<a href="#" class="add-addr-act" id="J-add-addr">使用新地址</a><span class="edit-tip" id="J-edit-addr-tip">收货地址已更新！</span>
						</td>
					</tr>
				</tfoot>
			</table>
			
			<!-- 如果点击了《修改》或者《使用新地址》的时候，出现之前填写过的地址，或者让用户新填写一个地址 -->
			<div class="edit-address">
				<table class="address-list">
					<tbody>
						<tr>
							<td colspan="2"><input type="radio" name="address" id="address1" /><label for="address1">这里是地址1哦只双休日、假日送货（工作日不用送）</label></td>
						</tr>
						<tr>
							<td colspan="2"><input type="radio" name="address" id="address2" /><label for="address2">这里是地址2哦只双休日、假日送货（工作日不用送）</label></td>
						</tr>
						<tr>
							<td colspan="2"><input type="radio" name="address" id="address3" /><label for="address3">这里是地址3哦只双休日、假日送货（工作日不用送）</label></td>
						</tr>
						<tr>
							<td colspan="2"><input type="radio" name="address" id="address4" /><label for="address4">这里是地址4哦只双休日、假日送货（工作日不用送）</label></td>
						</tr>
					</tbody>
				</table>
				<div class="hd"><strong class="hd-t">使用新地址</strong></div>
				<table class="new-address">
					<tbody>
						<tr>
							<td class="th"><em class="mark">*</em>收货人姓名：</td>
							<td><input type="text" class="input-txt" /></td>
						</tr>
						<tr>
							<td class="th"><em class="mark">*</em>省　　份：</td>
							<td>
								<select name="province"><option value="-22">请选择</option><option value="1">北京</option><option value="2">上海</option><option value="3">天津</option><option value="4">重庆</option><option value="5">河北</option><option value="6">山西</option><option value="7">河南</option><option value="8">辽宁</option><option value="9">吉林</option><option value="10">黑龙江</option><option value="11">内蒙古</option><option value="12">江苏</option><option value="13">山东</option><option value="14">安徽</option><option value="15">浙江</option><option value="16">福建</option><option value="17">湖北</option><option value="18">湖南</option><option value="19" selected="">广东</option><option value="20">广西</option><option value="21">江西</option><option value="22">四川</option><option value="23">海南</option><option value="24">贵州</option><option value="25">云南</option><option value="26">西藏</option><option value="27">陕西</option><option value="28">甘肃</option><option value="29">青海</option><option value="30">宁夏</option><option value="31">新疆</option><option value="32">台湾</option><option value="42">香港</option><option value="43">澳门</option><option value="84">钓鱼岛</option></select>
								<select name="city"><option value="-22">请选择</option><option value="1601" selected="">广州市*</option><option value="1607">深圳市*</option><option value="1609">珠海市*</option><option value="1611">汕头市*</option><option value="1617">韶关市*</option><option value="1627">河源市*</option><option value="1634">梅州市*</option><option value="1643">惠州市*</option><option value="1650">汕尾市*</option><option value="1655">东莞市*</option><option value="1657">中山市*</option><option value="1659">江门市*</option><option value="1666">佛山市*</option><option value="1672">阳江市*</option><option value="1677">湛江市*</option><option value="1684">茂名市*</option><option value="1690">肇庆市*</option><option value="1698">云浮市*</option><option value="1704">清远市*</option><option value="1705">潮州市*</option><option value="1709">揭阳市*</option></select>
								<select name="county" onchange="check_con_area();changeCounty(this)"><option value="-22">请选择</option><option value="1603" selected="">番禺区(沙湾水道以北,莲花山水道以西)*</option><option value="3631">白云区(太岗路/沈海高速以南)*</option><option value="3633">天河区(广汕公路以南)*</option><option value="3634">海珠区(南环高速以北)*</option><option value="3635">荔湾区(西环高速以东,南环以北)*</option><option value="3637">越秀区*</option><option value="4761">黄埔区(黄埔港以北)*</option><option value="4778">增城市(荔城镇、新塘镇)*</option><option value="4823">花都区(新华镇,雅瑶镇,狮岭镇,炭步镇)*</option><option value="4880">萝岗区(济广高速以南)*</option><option value="4745">番禺区(沙湾水道以南,莲花山水道以东)*</option><option value="5481">从化市(街口、城郊、江埔镇中心)*</option><option value="4242">增城市(除荔城镇、新塘镇外)*</option><option value="4040">南沙区*</option><option value="1602">花都区(除新华镇,雅瑶镇,狮岭镇,炭步镇外)*</option><option value="1606">黄埔区(黄埔港以南)*</option><option value="1604">从化市(除街口、城郊、江埔镇中心外)*</option><option value="4104">萝岗区(济广高速以北)*</option><option value="4448">天河区(广汕公路以北)*</option><option value="4449">白云区(太岗路/沈海高速以北)*</option><option value="4450">荔湾区(西环高速以西,南环以南)*</option><option value="4451">海珠区(南环高速以南)*</option></select>
							</td>
						</tr>
						<tr>
							<td class="th"><em class="mark">*</em>地　　址：</td>
							<td><span class="txt">这里的地址就是上面下拉框选择的值</span><input type="text" class="input-txt" value="番禺大道北69号" /></td>
						</tr>
						<tr>
							<td class="th"><em class="mark">*</em>手机号码：</td>
							<td><input type="text" class="input-txt" value="15920588939" /> 或者 固定电话： <input type="text" class="input-txt" value="15920588939" /> <span class="mes">用于接收发货通知短信及送货前确认</span></td>
						</tr>
						<tr>
							<td class="th">电子邮件：</td>
							<td><input type="text" class="input-txt" /> <span class="mes">用来接收订单提醒邮件，便于您及时了解订单状态</span></td>
						</tr>
						<tr>
							<td class="th">邮政编码：</td>
							<td><input type="text" class="input-txt" value="510430" /> <span class="mes">有助于快速确定送货地址</span></td>
						</tr>
					</tbody>
				</table>
				
				<div class="edit-act">
					<input type="submit" value="保存收货人信息" class="sub" /><input type="reset" value="取消" class="res" />
				</div>
			</div>			
		</div>
		
		<div class="hd"><strong class="hd-t">配送方式</strong><a href="#" class="modify" id="J-edit-delivery">[修改]</a><span class="edit-tip" id="J-edit-deli-tip">送货方式已更新！</span></div>
		<div class="delivery">
			<table class="delivery-info">
				<tbody>
					<tr>
						<td class="th">配送方式：</td>
						<td>人工</td>
					</tr>
					<tr>
						<td class="th">运　　费：</td>
						<td>0.00元<span>免运费</span></td>
					</tr>
					<tr>
						<td class="th">送货日期：</td>
						<td><span>非大件商品 只双休日、假日送货(工作日不用送)</span></td>
					</tr>
				</tbody>
			</table>
			
			<div class="edit-delivery">
				<div class="hd"><strong class="hd-t">使用新的配送方式</strong></div>
				<table class="new-delivery">
					<tbody>
						<tr>
							<td class="th"><em class="mark">*</em>送货日期：</td>
							<td>
								<input type="radio" name="deliveryData" id="deliveryData1" value="1"><label for="deliveryData1">只工作日送货(双休日、假日不用送)</label><br />
								<input type="radio" name="deliveryData" id="deliveryData2" value="3"><label for="deliveryData2">工作日、双休日与假日均可送货</label><br />
								<input type="radio" name="deliveryData" id="deliveryData3" value="2"><label for="deliveryData3">只双休日、假日送货(工作日不用送)</label><br />
							</td>
						</tr>
						<tr>
							<td class="th"> </td>
							<td class="mes">声明：我们会努力按照您指定的时间配送，但因天气、交通等各类因素影响，您的订单有可能会有延误现象！敬请谅解！</td>
						</tr>
						<tr>
							<td class="th">送货前电话确认：</td>
							<td>
								<input type="radio" value="1" /><label for="">是</label>
								<input type="radio" value="0" /><label for="">否</label>
							</td>
						</tr>
					</tbody>
				</table>
				<div class="edit-act">
					<input type="submit" value="保存配送信息" class="sub" /><input type="reset" value="取消" class="res" />
				</div>
			</div>
		</div>
		
		<!-- S 商品清单 -->
		<div class="hd"><strong class="hd-t">商品清单</strong><a href="#" target="_blank" class="hd-act">返回修改购物车</a></div>
		<table class="shop-pro-list">
			<thead>
				<tr>
					<th>商品编号</th>
					<th>商品名称</th>
					<th>积分</th>
					<th>库存状态</th>
					<th>商品数量</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><a href="#" target="_blank">313565</a></td>
					<td><a href="#" target="_blank">微电脑双层煮蛋器 蒸蛋器</a></td>
					<td>69.00</td>
					<td>现货</td>
					<td>1</td>
				</tr>
			</tbody>
		</table>
		<!-- E 商品清单 -->
		
		<!-- S 结算信息 -->
		<div class="hd"><strong class="hd-t">结算信息</strong></div>
		<table class="settlement">
			<tbody>
				<tr>
					<td class="info">商品金额：199.00积分 + 运费：151元</td>
				</tr>
				<tr>
					<td>应付积分：<em>1511积分</em></td>
				</tr>
				<tr>
					<td>应付运费：<em>1511元</em></td>
				</tr>
				<tr>
					<td><input type="submit" value="提交订单" class="act" /></td>
				</tr>
			</tbody>
		</table>
		<!-- S 商品清单 -->
	</div>
	<!-- E 编辑订单信息时显示 -->
		
	<!-- S 成功提交订单后显示 -->
	<div class="order-info">
		<div class="hd"><strong class="hd-t">订单收货信息</strong></div>
		<table class="address-info">
			<tbody>
				<tr>
					<td class="th">订 单 号：</td>
					<td>211111695689</td>
				</tr>
				<tr>
					<td class="th">收 件 人：</td>
					<td>代用名</td>
				</tr>
				<tr>
					<td class="th">联系电话：</td>
					<td>12345678901</td>
				</tr>
				<tr>
					<td class="th">收件人地址：</td>
					<td>广东广州市番禺区(沙湾水道以北,莲花山水道以西)xx路xx号</td>
				</tr>
				<tr>
					<td class="th">邮政编码：</td>
					<td>511400</td>
				</tr>
			</tbody>
		</table>
	
		<div class="hd"><strong class="hd-t">订单详情</strong></div>
		<table class="order-details">
			<tbody>
				<tr>
					<td class="th">送货方式：</td>
					<td>快递</td>
				</tr>
				<tr>
					<td class="th">订单生成时间：</td>
					<td>2011-11-16 15:14:15</td>
				</tr>
				<tr>
					<td class="th">发货时间：</td>
					<td>2011-11-18 08:36:40</td>
				</tr>
				<tr>
					<td class="th">送货要求：</td>
					<td>只双休日、假日送货（工作日不用送）</td>
				</tr>
			</tbody>
		</table>
		
		<!-- S 商品清单 -->
		<div class="hd"><strong class="hd-t">商品清单</strong></div>
		<table class="shop-pro-list">
			<thead>
				<tr>
					<th>商品编号</th>
					<th>商品名称</th>
					<th>积分</th>
					<th>库存状态</th>
					<th>商品数量</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><a href="#" target="_blank">313565</a></td>
					<td><a href="#" target="_blank">微电脑双层煮蛋器 蒸蛋器</a></td>
					<td>69.00</td>
					<td>现货</td>
					<td>1</td>
				</tr>
				<tr>
					<td><a href="#" target="_blank">313565</a></td>
					<td><a href="#" target="_blank">微电脑双层煮蛋器 蒸蛋器</a></td>
					<td>69.00</td>
					<td>现货</td>
					<td>1</td>
				</tr>
				<tr>
					<td><a href="#" target="_blank">313565</a></td>
					<td><a href="#" target="_blank">微电脑双层煮蛋器 蒸蛋器</a></td>
					<td>69.00</td>
					<td>现货</td>
					<td>1</td>
				</tr>
			</tbody>
		</table>
		<!-- E 商品清单 -->
		
		<div class="order-suc-act">
			<a href="#">管理我的订单</a>
			<a href="#">返回首页继续兑换物品</a>
		</div>
	</div>
	<!-- E 成功提交订单后显示 -->
	
</section>
<!-- E 购物车大模块 -->

<!-- S 相关产品 -->
<section class="related-product" id="J-tab">
	<div class="hd">
		<ul class="control">
			<li>猜你喜欢的</li>
			<li>你的收藏</li>
		</ul>
	</div>
	<div class="bd show-area">
		<div class="related-show-list show cur">
			<ul class="clearfix">
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-01.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-02.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-03.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-04.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-05.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
			</ul>
		</div>
		<div class="related-show-list show">
			<p class="txt">无商品的时候，显示这个，下面的ul直接去掉即可！</p>
			<ul class="clearfix">
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-01.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-02.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-03.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-04.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
				<li>
					<a href="#" target="_blank" class="img"><img src="picture/search-pro-list-05.jpg" alt="图片描述" /></a>
					<p class="price"><em class="s"><span>150</span>积分</em></p>
					<p class="n"><a href="#" target="_blank">秒杀王 景德镇陶瓷７头提梁整套茶具套装</a></p>
					<p class="total">已经兑换<em>81</em>件</p>
					<div class="act"><a href="#">加入购物车</a></div>
				</li>
			</ul>
		</div>
	</div>
</section>
<!-- E 相关产品 -->

<!-- S 引导区域 -->
<section class="guide">
	<div class="col help-guide">
		<h4>新手上路</h4>
		<ul class="list">
			<li><a href="#" target="_blank">网站购物流程</a></li>
			<li><a href="#" target="_blank">会员积分计划</a></li>
			<li><a href="#" target="_blank">优惠券/礼品卡说明</a></li>
			<li><a href="#" target="_blank">商品兑换券说明</a></li>
			<li><a href="#" target="_blank">常见问题</a></li>
		</ul>
	</div>
	<div class="col pay-guide">
		<h4>如何付款</h4>
		<ul class="list">
			<li><a href="#" target="_blank">支付方式</a></li>
			<li><a href="#" target="_blank">发票制度说明</a></li>
			<li><a href="#" target="_blank">新人支付</a></li>
		</ul>
	</div>
	<div class="col delivery-guide">
		<h4>配送方式</h4>
		<ul class="list">
			<li><a href="#" target="_blank">配送方式</a></li>
			<li><a href="#" target="_blank">货到付款支持城市</a></li>
			<li><a href="#" target="_blank">配送收费标准</a></li>
		</ul>
	</div>
	<div class="col sale-guide">
		<h4>售后服务</h4>
		<ul class="list">
			<li><a href="#" target="_blank">如何办理退换货</a></li>
			<li><a href="#" target="_blank">如何退款</a></li>
			<li><a href="#" target="_blank">联系客服</a></li>
		</ul>
	</div>
	<div class="col join-guide">
		<h4>售后服务</h4>
		<ul class="list">
			<li><a href="#" target="_blank">乐共享招聘</a></li>
			<li><a href="#" target="_blank">加入乐共享设计师</a></li>
			<li><a href="#" target="_blank">加入乐共享代理商</a></li>
			<li><a href="#" target="_blank">加入乐共享供应商</a></li>
			<li><a href="#" target="_blank">成为乐共享校园代理</a></li>
		</ul>
	</div>
	<div class="phone-guide">
		<ul>
			<li><span>客服热线：</span>4008-006-006</li>
			<li class="no-bor"><span>招商热线：</span>4008-006-006</li>
		</ul>
	</div>
</section>
<!-- E 引导区域 -->

<!-- S 合作伙伴 -->
<section class="partner">
	<div class="hd"><h3 class="hd-t">合作伙伴</h3></div>
	<div class="bd">
		<img src="picture/partner-01.jpg" alt="图片描述" />
		<img src="picture/partner-02.jpg" alt="图片描述" />
		<img src="picture/partner-03.jpg" alt="图片描述" />
		<img src="picture/partner-04.jpg" alt="图片描述" />
		<img src="picture/partner-05.jpg" alt="图片描述" />
		<img src="picture/partner-06.jpg" alt="图片描述" />
		<img src="picture/partner-07.jpg" alt="图片描述" />
		<img src="picture/partner-08.jpg" alt="图片描述" />
	</div>
</section>
<!-- E 合作伙伴 -->

<!-- S 尾部 -->
<footer id="footer" class="footer">
	<p class="footer-nav"><a href="#" target="_blank">商城首页</a> | <a href="#" target="_blank">关于卡淘</a> | <a href="#" target="_blank">联系我们</a> | <a href="#" target="_blank">广告服务</a> | <a href="#" target="_blank">卡淘招聘</a> | <a href="#" target="_blank">客服中心</a> | <a href="#" target="_blank">法律声明</a></p>
	<p class="copyright">Copyright &copy; 2011-2012 LGX.All Rights Reserved 乐共享 版权所有</p>
</footer>
<!-- E 尾部 -->

<!-- S 自定义脚本 -->
<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.soChange-min.js"></script>
<script src="js/shop-car.js"></script>
<script src="js/tab.js"></script>

<!-- E 自定义脚本 -->
</body>
</html>